<!-- Teacher_StudyFreeCourseTab.html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>自由课程</title>
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<!--<link rel="stylesheet" href="../../css/CFNetPP_Base.css">-->
		<style type="text/css">
			.nav-right-img {
				width: 24px;
				margin-left: 12px;
				margin-top: 8px;
			}
			.redPointMessage {
				width: 8px;
				height: 8px;
				top: 4px;
				left: 30px;
				right: 0px;
			}
			.tabbar {
				height: 40px;
				line-height: 40px;
				text-align: center;
				/*border-bottom: 1px solid #e0e0e0;*/
				background: #fff;
			}
			.tabbar .col {
				font-size: 16px;
			}
			.row {
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
			}
			.col {
				-webkit-box-flex: 1;
				-webkit-flex: 1;
				flex: 1;
				position: relative;
				overflow: hidden;
			}
			.indicator-super-div {
				width: 100%;
				height: 2px;
				padding: 0 20%;
				overflow: hidden;
			}
			.indicator {
				height: 2px;
				width: 62%;
				background: #18b4ed;
				position: absolute;
				bottom: 0;
				z-index: 2;
			}
			.weui_tabbar {
				width: 100%;
				position: fixed;
				left: 0;
				bottom: 0;
			}
			.hide_class {
				display: none;
			}
		</style>
	</head>
	<body>
		<div id='BarAppearance'></div>
		<div class="base_navigation_bar base_style_color">
			<a class="base_left_item" href="#" onclick="backClick()"> <img class="base_back_icon" src="../../image/icon_jiantou.png" alt=""> </a>
			<span id="title_id">课程章节</span>
			<!-- <a class="base_right_item" onclick="toMessageClick()" style="position:relative;" > <div id="redPointMessage" class="redPointMessage"></div> <img id="msg_img" class="nav-right-img" src="../../image/icon_msg_message.png" alt=""> </a> -->
		</div>
		<div class="base_content_div mui-table-view">
			<div class="bgwhite" style="padding: 0 44px;">
				<div id="selectBar" class="row hightitem tabbar" >
					<div class="col base_dark_grey base_content_font" id="col1" tapmode onclick="tabswitch(1)">
						章节
						<div class="indicator-super-div">
							<div class="indicator" id="indicator1"></div>
						</div>
					</div>
					<div class="col base_dark_grey base_content_font" id="col2" tapmode onclick="tabswitch(2)">
						活动
						<div class="indicator-super-div">
							<div class="indicator" id="indicator2"></div>
						</div>
					</div>
					<div class="col base_dark_grey base_content_font" id="col3" tapmode onclick="tabswitch(3)">
						人员
						<div class="indicator-super-div">
							<div class="indicator" id="indicator3"></div>
						</div>
					</div>
					<div class="col base_dark_grey base_content_font" id="col4" tapmode onclick="tabswitch(4)">
						分析
						<div class="indicator-super-div">
							<div class="indicator" id="indicator4"></div>
						</div>
					</div>
					<div class="col base_dark_grey base_content_font"  id="col5" tapmode onclick="tabswitch(5)">
						<span id="question_tag"> 答疑 </span>
						<div class="indicator-super-div">
							<div class="indicator" id="indicator5"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../../script/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script src="../../script/common.js"></script>
	<script src="../../script/push.js"></script>
	<script src="../../script/requestTool.js"></script>
	<script src="../../script/ui.js"></script>
	<script type="text/javascript">
		apiready = function() {
			initHeaderUI();

			$('#title_id').html(api.pageParam.coursename);
			setupFreeCourseFrameGroup();
			//推送消息
			setupMsgBtnStatus();
			api.addEventListener({
				name : 'pushMessage'
			}, function(ret, err) {
				pushMessage();
			});
			// updateMessageStatusFromChapterOrDiscuss(api.pageParam.courseid, 1);
			setupMaskPage();
		};
		//设置蒙版页面
		function setupMaskPage(){
			if ($api.getStorage('teacherFreeCourseGuideStatus') != '1') {//是否引导过
				api.openFrame({
				    name: 'Teacher_StudyFreeCourseGuide',
				    url: 'Teacher_StudyFreeCourseGuide.html',
				    rect: {
				        x: 0,
				        y: 0,
				        w: 'auto',
				        h: 'auto'
				    },
				    bounces: false
				});
				$api.setStorage('teacherFreeCourseGuideStatus', '1');
			}
		}
		function setupFreeCourseFrameGroup() {
			var y = $('#BarAppearance').height() + $('.base_navigation_bar').height() + $('.base_content_div').height();
			var h = api.winHeight - y;
			var rect = {
				x : 0,
				y : y,
				w : 'auto',
				h : h
			}
			var frames = new Array();
			var pageP = {
				cid : api.pageParam.courseid,
				pid : api.pageParam.planid,
				usertype : api.pageParam.usertype
			};
			api.pageParam["sourceurl"] = window.location.pathname;
			api.pageParam["sourcetitle"] = document.title;
			//添加课程列表
			if (api.pageParam.isxueba == 1) {
				pageP["isxueba"] = 1;
				frames.push({
					name : 'Teacher_XueBaSaiFreeChapter',
					url : 'Teacher_XueBaSaiFreeChapter.html',
					pageParam : api.pageParam
				});
			} else {
				frames.push({
					name : 'Teacher_NewFreeCourseChapter',
					url : 'Teacher_NewFreeCourseChapter.html',
					pageParam : api.pageParam
				});
			}
			api.pageParam['ismocc'] = false;
			frames.push({//添加活动
				name : 'Classrom_Frame',
				url : '../Teacher_Classroom/Classrom_Frame.html',
				pageParam : api.pageParam
			});
			// frames.push({
			// 	name : 'Teacher_StudyCourseNote',
			// 	url : 'Teacher_StudyCourseNote.html',
			// 	pageParam : api.pageParam
			// });
			frames.push({//添加人员
			    name : 'AccumulatePointsList',
				url : '../AccumulatePoints/AccumulatePointsList.html',
				pageParam : pageP
			});
			// if ($api.getStorage('cfnetppjxid') == 333) {
			// 	$('#col5').removeClass('hide_class');
			// alert('http://study.cfnet.org.cn/index.php?app=home&mod=FreeCourseManage&act=coursedetail_phone&cid=' + api.pageParam.courseid + '&realpid=' + api.pageParam.planid + '&jid=' + $api.getStorage('cfnetppjxid'));
			// var currentPrefix = 'http://analysis.cfnet.org.cn/index';
			// if (urlPrefix == 'http://base.cfnet.org.cn/index.php/') {
			// 	currentPrefix = 'http://test.analysis.cfnet.org.cn/index';
			// }
			// var analysisUrl = currentPrefix + '?app=home&mod=FreeCourseManage&act=coursedetail_phone&cid=' + api.pageParam.courseid + '&realpid=' + api.pageParam.planid + '&jid=' + $api.getStorage('cfnetppjxid');
			// var analysisUrl = currentPrefix + '/index/coursedetailPhone/cid/'+api.pageParam.courseid+'/realpid/'+api.pageParam.planid+'/jid/'+$api.getStorage('cfnetppjxid')+'/types/2';
			// frames.push({//添加分析
			// 	name : 'Analysis',
			// 	url : '../Study/Analysis.html',
			// 	pageParam : {
			// 		url : analysisUrl
			// 	}
			// });
			// }
			frames.push({//添加分析
				name : 'AnalysisDetail',
				url : '../Study/AnalysisDetail.html',
				pageParam : api.pageParam
			});
			frames.push({//添加答疑
				name : 'Teacher_StudyCourseQA',
				url : 'Teacher_StudyCourseQA.html',
				pageParam : api.pageParam
			});
			api.openFrameGroup({
				name : 'freeCourseGroup',
				rect : rect,
				scrollEnabled : false,
				frames : frames
			}, function(ret, err) {
			});
			tabswitch(1);
		}

		function sendBuriedNotifi(busionessid, pagetype, pagetypeid) {
			var userinfo = {
				uid : $api.getStorage('cfnetppuid'),
				jid : $api.getStorage('cfnetppjxid'),
				uname : $api.getStorage('cfnetppusername'),
				cid : api.pageParam.courseid,
				pid : api.pageParam.planid,
			}
			var data = {
				busionessid : busionessid,
				pagetype : pagetype,
				pagetypeid : pagetypeid,
				sourceurl : api.pageParam.sourceurl,
				sourcetitle : api.pageParam.sourcetitle,
				accesspageurl : window.location.pathname,
				accesspagetitle : document.title,
				userinfo : userinfo
			}
			SendBehaviorTrajectoriesNotifi_Study(data);
		}

		function itemClick(itemIndex) {
			if (!$('#item' + itemIndex).hasClass('mui-active')) {
				$('.segment_item').removeClass('mui-active');
				$('#item' + itemIndex).addClass('mui-active');
				setupGroupIndex(itemIndex);
			}
		}

		function tabswitch(index) {
//		   if(index==1){
//				 sendBuriedNotifi(0, '自由课程章节列表', '028');
//			  }else if(index==2){
//				  sendBuriedNotifi('0', '课程提问列表', '018');
//			  }else if(index==3){
//				sendBuriedNotifi('0', '笔记列表', '023');
//			  }else if(index==4){
//				sendBuriedNotifi(0, '课程统计分析', '084');
//				}
		
		
			$('.indicator').attr('style', 'display:none;');
			$('.col').attr('style', 'color:#323232;');
			$('#col' + index).attr('style', 'color:#18b4ed;');
			$('#indicator' + index).attr('style', 'display:block;');
			setupGroupIndex(index - 1);
		}

		function setupGroupIndex(index) {
			api.setFrameGroupIndex({
				name : 'freeCourseGroup',
				index : index,
				scroll : false
			});
		}

		//push 消息提醒
		function pushMessage() {
			var jid = $api.getStorage('cfnetppjxid');
			var msgVal = $api.getStorage('cfnetppmessagejiaoxue' + jid + "massage" + api.pageParam.courseid);
			consoleTest("msgVal cid : " + msgVal);
			if (msgVal == 1) {
				$('#redPointMessage').show();
			} else {
				$('#redPointMessage').hide();
			}
		}

		function setupMsgBtnStatus() {
			api.sendEvent({
				name : 'click_pushMessage_index'
			});
			pushMessage();
		}
		
		
		function backClick(){
		 sendBuriedNotifi(1, '自由课程章节列表', '028');
		
		api.closeWin({
        });
		}

		//课程消息 跳转对应列表
		function toMessageClick() {
			api.openWin({useWKWebView:true,
				name : 'Teacher_ToDoMessageWin',
				url : 'Teacher_ToDoMessageWin.html',
				pageParam : {
					cid : api.pageParam.courseid
				}
			});
		}
	</script>
</html>
